<template>
  <div id="app">
    <transition name="el-zoom-in-center" >
      <router-view />
    </transition>
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {},
  watch: {
    // 如果有路由传值值太长的话matomo会监听不到并报414，就不能根据router自动注册了：解决办法是在app.vue中监听router，然后设置
    $route(to, from) {
      // 设置页面地址，可使用location.href，注意，如果使用的路由模式是hash模式，需要把url中的#号截取掉
      this.$matomo.setCustomUrl(window.location.href);
      this.$matomo.trackPageView(to.meta.title);//设置页面名称
    },
  },
}
</script>

<style>

</style>
